
header{
    height: 50px;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}



.main{
    margin-top: 10px;
    background-color: #fff;
    
    padding: 10px;
    // border-radius: 10px;
    h4{
        font-weight: normal;
        padding: 10px;
        padding-top: 0;
    }
    li{
        font-size: 12px;
        // padding-top: 10px;
        display: flex;
        justify-content: flex-start;
        // align-items: center;
        padding: 10px 10px ;
        border-bottom: 1px solid #f2f2f2; 
        color: #999999;   
           input{
                border: none;
                outline: none;
            }
            input::-webkit-input-placeholder{
                color: #cccccc;
            }
            span{
                color: #cccccc;
            }
        p{
            width: 90px;
            
            .yan{
                color: #FA746B;
            }
            span{
                color: #999999;
            }
     
     
        }
        .iconfont{
            flex-grow: 1;
            text-align: right;
        }       
        textarea{
            resize: none;
            outline: none;
            border: 1px solid #e8e8e8;
            height: 90px;
           padding: 10px;
           border-radius: 5px;
        }
        textarea::placeholder{
            color: #cccccc;
            
        }
    }
}